﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="AboutUS.aspx.cs" Inherits="ProjectSem3.WebForm9" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<style type="text/css">
    
    .showw
{
    width: 95%;
    margin-top: 10px;
    margin:0 auto;
    margin-bottom: 10px;
    box-shadow: 0px 2px 5px #ccc;
    text-align:left;
    color:Black;
    padding:10px;
    background-color:#f5f5f5;

}
.showw3
{
    width: 95%;
    margin-top: 5px;
    margin:0 auto;
    margin-bottom: 10px;
    box-shadow: 0px 2px 5px #ccc;
    text-align:left;
    color:Black;
    padding:20px;
    background-color:#fff;

}
        div.pad
        {
            width: 56%;
            height: auto;
            padding: 0px 0px 40px;
            margin: 20px auto;
            position: absolute;
            overflow: hidden;
            left:424px;
        }
        div.pad > div
        {
            width: 300px;
            height: 400px;
            position: relative;
            position: relative;
            float: right;
        }
        div.pad > div > div:nth-of-type(1)
        {
            width: 300px;
            height: 400px;
            position: absolute;
            left: 0;
            top: 0;
            background: #ff942a;
        }
        div.pad > div > div:nth-of-type(2), div.pad > div > div:nth-of-type(2) div
        {
            -webkit-transform-origin: 0 -900px;
            -moz-transform-origin: 0 -900px;
            -ms-transform-origin: 0 -900px;
            -o-transform-origin: 0 -900px;
            transform-origin: 0 -900px;
            -webkit-transition: 0.75s ease-in-out;
            -moz-transition: 0.75s ease-in-out;
            -ms-transition: 0.75s ease-in-out;
            -o-transition: 0.75s ease-in-out;
            transition: 0.75s ease-in-out;
        }
        div.pad > div > div:nth-of-type(3), div.pad > div > div:nth-of-type(3) div
        {
            -webkit-transform-origin: 300px -900px;
            -moz-transform-origin: 300px -900px;
            -ms-transform-origin: 300px -900px;
            -o-transform-origin: 300px -900px;
            transform-origin: 300px -900px;
            -webkit-transform: rotate(-17deg);
            -moz-transform: rotate(-17deg);
            -ms-transform: rotate(-17deg);
            -o-transform: rotate(-17deg);
            transform: rotate(-17deg);
            -webkit-transition: 0.75s ease-in-out;
            -moz-transition: 0.75s ease-in-out;
            -ms-transition: 0.75s ease-in-out;
            -o-transition: 0.75s ease-in-out;
            transition: 0.75s ease-in-out;
        }
        div.pad > div > div:nth-of-type(2)
        {
            width: 300px;
            height: 440px;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            -webkit-transform: rotate(-17deg);
            -moz-transform: rotate(-17deg);
            -ms-transform: rotate(-17deg);
            -o-transform: rotate(-17deg);
            transform: rotate(-17deg);
        }
        div.pad > div > div:nth-of-type(2) div
        {
            width: 300px;
            height: 400px;
            position: absolute;
            left: 0;
            top: 0;
            background: #000;
            -webkit-transform: rotate(17deg);
            -moz-transform: rotate(17deg);
            -ms-transform: rotate(17deg);
            -o-transform: rotate(17deg);
            transform: rotate(17deg);
            border:1px solid #ccc;
            color:White;
        }
        div.pad > div > div:nth-of-type(3)
        {
            width: 300px;
            height: 440px;
            position: absolute;
            left: -300px;
            top: 0;
            overflow: hidden;
        }
        div.pad > div > div:nth-of-type(3) div
        {
            width: 299px;
            height: 400px;
            position: absolute;
            left: 0;
            top: 0;
            background: #000;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            -moz-box-shadow: -2px 0px 10px rgba(0,0,0,0.5);
            -webkit-box-shadow: -2px 0px 10px rgba(0,0,0,0.5);
            box-shadow: -2px 0px 10px rgba(0,0,0,0.5);
          padding-left: 10px;
          color:White;

        }
        div.pad > div:hover > div:nth-of-type(2), div.pad > div:hover > div:nth-of-type(3), div.pad > div:hover > div:nth-of-type(2) div, div.pad > div:hover > div:nth-of-type(3) div
        {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        div.pad h1
        {
            padding: 0;
            margin: 0;
            text-align: center;
            font: normal 80px georgia,serif;
            color: #111;
            text-shadow: 0px 1px 1px #ddd;
        }
        div.pad p
        {
            margin: 0 auto;
            text-align: center;
            font: normal 15px/18px Georgia,serif;
            color: #111;
            padding: 10px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
   <div class=" details">
        <div class="show_title">
            <asp:HyperLink ID="HyperLink2" runat="server" Font-Size="20px" ForeColor="White"
                ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">About US</asp:HyperLink>
        </div>
        <div class="showw">
            <div class="pad">
                <div>
                    <div>
                        <img src="../images/hinhcuaSON/logo.png" />
                        <p>
                            Aptech Computer Education</p>
                        <h1>
                            About</h1>
                        <br />
                        <br />
                        <table style="width: 100%; text-align: left;">
                            <tr>
                                <td>
                                    Team :<br />
                                    TRẦN THẾ SƠN<br />
                                    KHỖNG THANH LIÊM<br />
                                    HUỲNH NHẬT DŨNG<br />
                                    HUỲNH CHÍ TÀI<br />
                                    NGUYỄN VŨ MINH QUÝ<br />
                                </td>
                                <td>
                                    Faculty :<br />
                                    PHAN HỮU TRÍ<br />
                                </td>
                            </tr>
                        </table>
                        <p>
                            by<br />
                            CNC APTECH 1205</p>
                    </div>
                    <div>
                        <div class="description">
                         <b style="text-align:center;color:#EE7600;"><font size="4">Project Seam 3</font></b><br>
                           <marquee direction="up" scrollamount="2" scrolldelay="40">
                            The project Sales & and purchase management  <br /> system for mobile is to
                            develop software based information of
                            Mobile shopping.<br /><br />  In global business
                            market the mobile is most important
                            accessory in real life. Visualizing the huge opportunity, this is an effort to maximize
                            the business through the development of
                            this software and keeping the data and
                            thus increasing the customer base from the local as well as global markets around
                            the world.
                            Nowadays software is a prominent tool of marketing mantra.<br /> <br />  With the advent of the
                            software technologies, world has become a global village. <br />  Every year, millions more
                            people
                            around the <br /> world are added to the existing customer base.<br />  So considering a big hike
                            in
                            the revenue in this booming sector and one of the successful businesses through
                            this software one should be proud to have such a technical
                            
                            deal.
                             The project Sales & and purchase management  <br /> system for mobile is to
                            develop software based information of
                            Mobile shopping.<br /><br />  In global business
                            market the mobile is most important
                            accessory in real life. Visualizing the huge opportunity, this is an effort to maximize
                            the business through the development of
                            this software and keeping the data and
                            thus increasing the customer base from the local as well as global markets around
                            the world.
                            Nowadays software is a prominent tool of marketing mantra.<br /> <br />  With the advent of the
                            software technologies, world has become a global village. <br />  Every year, millions more
                            people
                            around the <br /> world are added to the existing customer base.<br />  So considering a big hike
                            in
                            the revenue in this booming sector and one of the successful businesses through
                            this software one should be proud to have such a technical
                            
                            deal.
                           </marquee> 
                            
               
                




                        </div>
                    </div>
                    <div>
                        <div class="description2">
                            The project Sales & and purchase management  <br /> system for mobile is to
                            develop software based information of
                            Mobile shopping.<br /><br />  In global business
                            market the mobile is most important
                            accessory in real life. Visualizing the huge opportunity, this is an effort to maximize
                            the business through the development of
                            this software and keeping the data and
                            thus increasing the customer base from the local as well as global markets around
                            the world.
                            Nowadays software is a prominent tool of marketing mantra.<br /> <br />  With the advent of the
                            software technologies, world has become a global village. <br />  Every year, millions more
                            people
                            around the <br /> world are added to the existing customer base.<br />  So considering a big hike
                            in
                            the revenue in this booming sector and one of the successful businesses through
                            this software one should be proud to have such a technical
                            
                            deal.
                        </div>
                    </div>
                </div>
            </div>
            <div class="showw3">
                <div class="seo-about">
                    <br />
                    <img src="../images/hinhcuaSON/who_is_mobilestore.gif" />
                    <b><font size="5">Who Is I Mobiles Online Store</font></b><br>
                    <div>
                        <font size="1"></font>When it comes to mobiles, everybody insists on catching up
                        with the trend. But who likes having to hop off to a<br> mobile store every time a new
                        phone or accessory is launched? Here at <a href="../Default.aspx" style="color:#EE7600;">I Mobile</a>, we ensure that the latest models<br>
                        are always just a click away from you.</div>
                    <div>
                        <b><font size="1">
                            <br>
                            <font size="5">Mobile Phones</font></b><br>
                        </font> Just like songs, there’s a mobile for everyone. If you want the tried and
                        tested, buy Nokia mobiles. With models <br>ranging from the most basic to the latest
                        Lumia, they’re a sure bet. If you only prefer what’s most popular, explore<br> recent
                        launches from Samsung, Apple or Sony. And if you are the social butterfly who loves
                        to stay constantly in <br>touch with friends through IMs, then BlackBerry mobiles are
                        great choices. If you’d rather experiment and explore<br> mobile phones from are all
                        set to impress you with their mid-range mobiles and smart phones collections. &nbsp;For
                        the frequent traveller we have dual and triple SIM mobile phones, and for the professional
                        we have a massive collection of iPhones, Symbian, Windows &amp; Android.
                        <br />
                       
                        <div>
                        <br />
                            <a href="../Default.aspx" style="color:#EE7600;">I Mobile</a>favors intelligent purchases for their customers by presenting well researched
                            mobile product<br> specifications &amp; by encouraging customers to write product reviews.
                            With 0% EMI scheme, FREE shipping and<br> other super deal offers on our vast range
                            of mobiles and accessories we work out the best possible <br /> customer-friendly deals
                            for you. We serve to make your shopping a wholesome and pleasurable experience.</div>
                    </div>
                </div>
            </div>
        </div>


     

           <div class="show">
            <div class="show_title">
                <asp:HyperLink ID="HyperLink3" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">New Mobile</asp:HyperLink>
            </div>
            <div class="show_contentTrangorder">
                <div id="amazingcarousel-container-1">
                        <div id="amazingcarousel-1" style="display: block; position: relative; width: 100%;
                            max-width: 720px; margin: 0px auto 0px;">
                            <div class="amazingcarousel-list-container" style="overflow: hidden;">
                                <ul class="amazingcarousel-list">
                                    <asp:Repeater ID="Repeater_Product" runat="server" OnItemDataBound="Repeater_Product_ItemDataBound">
                                        <ItemTemplate>
                                            <li class="amazingcarousel-item">
                                        <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                        <div class="amazingcarousel-item-container">
                                            <div class="amazingcarousel-image">
                                                <a href='Detail.aspx?id=<%# Eval("ProductID") %>'>
                                                    <asp:Image ID="image" runat="server" />
                                            </div>
                                            <div class="amazingcarousel-title">
                                                <h3><%# Eval("Name") %></h3>
                                                <h3><cite class="price"><%# Eval("Price")%>₫</cite></h3>
                                            </div>
                                            <div class="amazingcarousel-description">
                                            </div>
                                        </div>
                                    </li>
                                        </ItemTemplate>
                                    </asp:Repeater>                                    
                                </ul>
                            </div>
                            <div class="amazingcarousel-prev">
                            </div>
                            <div class="amazingcarousel-next">
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <div style="clear: both;margin-bottom:100px;">
        </div>
    </div>
</asp:Content>
